<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Sara1.0 Demo</title>
		<style>
			body{
				margin: 0px;
				padding: 0px 20px;
				background: #FFFFFF;
			}
			.red{
				color:red;
			}
			#ta{
				resize: none;
				height: 100px;
				width: 250px;
				display: block;
				margin: auto;
			}
			.blue{
				color: #1E9FFF;
			}
		</style>
	</head>
	<body>
		<h1>欢迎使用——Sara！</h1>
		<h2 class="red">Sara是一款基于JavaScript的全新的高级脚本语言！</h2>
		<h2>Sara不像我们工作室上一款编程语言作品-Ginit一样，他属于更高级的语言</h2>
		<h2>现在就让我们一起学习他吧！</h2>
		<hr>
		<h2>基本知识：</h2>
		<h3>1、所有Sara语句都必须以;结尾（结尾方式和JS完全一样，只不过;不能省略）</h3>
		<h3>2、Sara特殊字符</h3>
		<h3>3、Sara控制台输出信息</h3>
		<h3>4、Sara其它js方法</h3>
		<hr>
		<h2 class="red">Sara特殊字符：</h2>
		<h3>比如说，当你写入js代码时，如果你写了document.write()的话，会被系统自动拆分为do和cument和write，所以这时你就需要特殊字符来帮你了，正确的写法为：d&englishocument&sign2257write("hjj");</h3>
		<h3>刚才那段话你可以这么来看：d &englisho cument &sign2257 write("hjj");</h3>
		<h2 class="red">特殊字符列表：</h2>
		<li>&sign2250 = (</li>
		<li>&sign2251 = )</li>
		<li>&sign2252 = {</li>
		<li>&sign2253 = }</li>
		<li>&sign2254 = 空格</li>
		<li>&sign2255 = ;</li>
		<li>&sign2256 = ,</li>
		<li>&sign2257 = .</li>
		<li>&englisha = a</li>
		<li>&englishb = b</li>
		<li>&englishc = c</li>
		<li>&englishd = d</li>
		<li>&englishe = e</li>
		<li>......&english以此类推</li>
		<hr>
		<h2>Sara控制台输出信息：</h2>
		<h3>很简单，请自行查看</h3>
		<hr>
		<h2>Sara其他JS方法：</h2>
		<li>saraUse(saraCode);</li>
		<h3>此方法用来在js中使用sara语言</h3>
		<li>saraVersion();</li>
		<h3>会return返回一个sara的版本</h3>
		<hr>
		<h2 class="blue">如何导入Sara解释器？（极其重要）</h2>
		<h3>先在html文件里面写好基本结构，完了之后使用引入js框架的办法引入js文件，然后再在js里面使用sara(url)方法来获取一个sar文件就ok了</h3>
		<h3>tip：文件后缀名必须为.sar，路径请填写相对于html文件的路径</h3>
		<hr>
		<h2>输出语句print</h2>
		<h3>写法：print("content");</h3>
		<h3>作用：在浏览器body标签里插入内容（也可以插入标签）</h3>
		<hr>
		<h2>输出语句println</h2>
		<h3>写法：println("content");</h3>
		<h3>作用：在浏览器body标签里插入内容（也可以插入标签），外加换行</h3>
		<hr>
		<h2>创建变量语句id</h2>
		<h3>写法：id variableName = "value";</h3>
		<h3>作用：创建一个最普通的变量</h3>
		<hr>
		<h2>创建变量语句let</h2>
		<h3>写法：let variableName = "value";</h3>
		<h3>作用：创建一个拥有块级作用域的变量</h3>
		<h3 class="red">tip:let兼容性很差，推荐使用id和global，兼容性最好</h3>
		<hr>
		<h2>创建变量语句final</h2>
		<h3>写法：final variableName = "value";</h3>
		<h3>作用：创建一个不能被改变值的常量</h3>
		<h3 class="red">tip:final兼容性很差，推荐使用id和global，兼容性最好</h3>
		<hr>
		<h2 class="blue">创建变量语句global（极其有用）</h2>
		<h3>写法：global variableName = "value";</h3>
		<h3>作用：创建一个拥有极大作用域的变量，可以被其他sar文件访问到！</h3>
		<hr>
		<h2 class="blue">创建js代码域语句js和-js（极其有用）</h2>
		<h3>写法：js;alert("在这里写js代码");-js;</h3>
		<h3>js;用来开始js代码域，-js;用来结束js代码域</h3>
		<h3>tip：不使用-js;来结束JS代码域的话，JS代码不会生效</h3>
		<hr>
		<h2>警告框语句tip</h2>
		<h3>写法：tip("Hello");</h3>
		<h3>作用：在浏览器上输出一个警告框</h3>
		<hr>
		<h2>执行方法语句do</h2>
		<h3>写法：do functionName();</h3>
		<h3>作用：执行一个方法（不能添加参数）</h3>
		<h3>tip：functionName后面小括号加不加都可以</h3>
		<hr>
		<h2 class="red">重要！如何创建方法？</h2>
		<h3>sara不能创建方法，但是它可以调用js里的方法</h3>
		<h3>所以请使用js代码域来创建方法，完了之后再使用do或者js调用</h3>
		<h3>例子：js;function test(){alert("Hello");}-js;do test;</h3>
		<hr>
		<h2>导入其它Sar文件的语句use</h2>
		<h3>写法：use("这里填写路径，记得符号什么的要用特殊字符代替");</h3>
		<h3>例子：use("main/Demo&sign2257sar");</h3>
		<h3>tip：文件后缀名必须为.sar，路径请填写相对于主html文件的路径</h3>
		<hr>
		<h2 class="blue">window对象（极其重要）</h2>
		<h3>window对象是sara内置的一个对象</h3>
		<h3>他总共有以下方法：</h3>
		<li>removeEle(element) = 删除这个DOM元素</li>
		<h3>例子：window.removeEle("#test");</h3>
		<li>empty(element) = 将这个DOM元素里面包含的内容都清空</li>
		<h3>例子：window.empty("#test");</h3>
		<li>setCss(element,cssName,cssValue) = 设置这个DOM元素的CSS属性</li>
		<h3>例子：window.setCss("#test","background","black");</h3>
		<li>setAttr(element,attrName,attrValue) = 设置这个DOM元素的属性</li>
		<h3>例子：window.setAttr("#test","value","Hello");</h3>
		<hr>
		<h2>停止编译语句#end</h2>
		<h3>写法：#end;</h3>
		<h3>作用：停止继续编译</h3>
		<hr>
		<h2>单行注释符号//</h2>
		<h3>写法：//</h3>
		<h3>作用：停止此行编译</h3>
		<hr>
		<h2>多行注释符号/*和*/</h2>
		<h3>写法：/*用来开始注释区域，*/用来结束注释区域</h3>
		<h3>tip：一定要记得在/*和*/后面加分号，否则会执行不了</h3>
		<hr>
		<textarea id="ta" placeholder="你可以在这里输入任何sara代码，然后点击执行"></textarea><br>
		<input style="margin: auto;display: block;" value="执行" type="button" onclick="saraUse(document.getElementById('ta').value)">
		<script type="text/javascript" src="Sar.js"></script>
		<script>
			//调用sara方法读取并编译sar文件
			//sara("main/Demo.sar");
			//使用saraUse方法来使用Sara
			//saraUse("id www = 'dsds';tip(www);");
		</script>
	</body>
</html>
